<template>
  <div>
    <a-card :bordered="false">
      <a-tabs
        v-model="activeKey"
      >
        <a-tab-pane
          tab="诊断告警"
          key="1"
        >
          <diagnosis modelType="f010305" v-if="activeKey === '1'" />
        </a-tab-pane>

        <a-tab-pane
          tab="告警通知方式设置"
          key="2"
        >
          <notice modelType="f010305" v-if="activeKey === '2'" />
        </a-tab-pane>

        <a-tab-pane
          tab="告警阈值设置"
          key="3"
        >
          <policy modelType="f010305" v-if="activeKey === '3'" />
        </a-tab-pane>

        <a-tab-pane
          tab="告警联系人设置"
          key="4"
        >
          <contacts modelType="f010305" v-if="activeKey === '4'" />
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>

<script>
  import Notice from '../../f0101/f010104/Notice'
  import Policy from './Policy'
  import Diagnosis from '../../f0101/f010104/Diagnosis'
  import Contacts from '../../f0101/f010104/Contacts'
  export default {
    name: 'F010305',
    components: {
      Notice,
      Policy,
      Diagnosis,
      Contacts,
    },
    data() {
      return {
        activeKey: '1'
      }
    },
    created() {},
    methods: {},
  }
</script>